﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa fa-book"></i>  Administración de Parciales
        </h3>
    </div>
    <div class="panel-body">
        
        <div class="row bs-wizard" style="border-bottom: 0;">

            <div class="col-xs-6 bs-wizard-step complete">
                <div class="text-center bs-wizard-stepnum">Paso 1</div>
                <div class="progress">
                    <div class="progress-bar"></div>
                </div>
                <a href="#" class="bs-wizard-dot"></a>
                <div class="bs-wizard-info text-center">Informacion del Periodo.</div>
            </div>

            <div class="col-xs-6 bs-wizard-step active">
                <!-- complete -->
                <div class="text-center bs-wizard-stepnum">Paso 2</div>
                <div class="progress">
                    <div class="progress-bar"></div>
                </div>
                <a href="#" class="bs-wizard-dot"></a>
                <div class="bs-wizard-info text-center">Registro de Parciales.</div>
            </div>
        </div>

        <div class="container-fluid">

            <div class="row">
                <div class="col-md-6 col-sm-3">
                    <a id="agregar" class="btn btn-success" href="/parciales/{{IdPeriodo}}/0"><i class="icon icon-plus"></i>Agregar</a>
                </div>
            </div>
            <br />
            <div class="row">
                <table id="tablaParciales" class="display">
                    <thead>
                        <tr>
                            <th>Clave</th>
                            <th>Nombre</th>
                            <th>Descripción</th>
                            <th>Fecha Inicio</th>
                            <th>Fecha Estado</th>
                            <th>Estado</th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>


